/*
 * @Descripttion:
 * @version:
 * @Author: congsir
 * @Date: 2024-01-31 20:39:40
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2024-05-06 23:36:08
 */
import React, { memo } from "react";
import {
  LinkOutlined,
  WechatOutlined,
  WeiboOutlined,
  QqOutlined,
} from "@ant-design/icons";
import logo1 from "../../assets/image/龙.png";
import erweima from "../../assets/image/daytime_qrcode.1d8078cc.png";
import "./index.css";

export default memo(function Header() {
  const IphoneChange = () => {
    window.open(
      "https://apps.apple.com/cn/app/%E7%B4%AB%E9%BE%99%E5%92%A8%E8%AF%A2/id6463200426",
      "_blank"
    );
  };

  const IphoneChange1 = () => {
    window.open("www.xuanzhen.cc/download/zilongzixun.apk", "_blank");
  };
  return (
    <div className="header_container wrapper_v1">
      <div className="header_left_nav">
        <div className="logo_nav">
          <img src={logo1} alt="" />
          <span>紫龙咨询</span>
        </div>
        <div className="header_right_nav">
          <LinkOutlined className="iconFont" />
          <WechatOutlined className="iconFont" />
          <WeiboOutlined className="iconFont" />
          <QqOutlined className="iconFont" />
        </div>
      </div>
      <div className="header_content">
        {/* <img src={erweima} className="erweima" alt="" /> */}
        <h3>专业个人咨询平台</h3>
        <div className="tabs">
          <ul className="ul_list">
            <li>心理</li>
            <li>法律</li>
            <li>中医</li>
            <li>周易</li>
            <li>职业</li>
          </ul>
          <ul className="ul_list">
            <li>美容</li>
            <li>财务</li>
            <li>教育</li>
            <li>旅游</li>
            <li>管理</li>
          </ul>
        </div>
        <div className="header_button">
          <button className="button_left" onClick={IphoneChange}>
            App Store
          </button>
          <button className="button_right" onClick={IphoneChange1}>
            Android
          </button>
        </div>
      </div>
    </div>
  );
});
